<template>
  <div class="vavleInfoForm" >
    <div id="TableDiv">
      <table
        border="1"
        width="100%"
        id="table1"
        bordercolorlight="#000000"
        cellspacing="0"
        cellpadding="3"
        bordercolordark="#FFFFFF"
        style="text-align: center"
      >
        <tr>
          <td
            style="
              text-align: center;
              font-size: 30px;
              font: bold;
              margin-top: 10px;
              margin-bottom: 20px;
            "
            colspan="5"
          >
            阀门操作记录单
          </td>
        </tr>
        <tr style="height: 30px">
          <td
            class="style1"
            style="width: 20%; font-weight: bolder; font-size: 14px"
          >
            操作原因
          </td>
          <td style="width: 15%; font-weight: bolder; font-size: 14px">
            计划停水<input id="CheckBox1" type="checkbox" name="CheckBox1" />
          </td>
          <td style="width: 15%; font-weight: bolder; font-size: 14px">
            爆管抢修<input id="CheckBox2" type="checkbox" name="CheckBox2" />
          </td>
          <td
            colspan="2"
            style="
              border-right: 1px solid #000000;
              width: 50%;
              font-weight: bolder;
              font-size: 14px;
            "
          >
            更换阀门<input id="CheckBox3" type="checkbox" name="CheckBox3" />
          </td>
        </tr>
        <tr style="height: 30px">
          <td class="style1" style="font-size: 14px">工程名称</td>
          <td colspan="2" style="font-size: 14px">
            <textarea
              name="TextBox1"
              rows="2"
              cols="20"
              id="TextBox1"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="width: 22%; font-size: 14px">阀门编号</td>
          <td
            style="border-right: 1px solid #000000; width: 28%; font-size: 14px"
          >
            <textarea
              name="TextBox2"
              rows="2"
              cols="20"
              id="TextBox2"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
        <tr style="height: 30px; font-size: 14px">
          <td class="style1">施工管理员</td>
          <td colspan="2" style="font-size: 14px">
            <textarea
              name="TextBox3"
              rows="2"
              cols="20"
              id="TextBox3"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">新装阀门厂家</td>
          <td style="border-right: 1px solid #000000; font-size: 14px">
            <textarea
              name="TextBox4"
              rows="2"
              cols="20"
              id="TextBox4"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
        <tr style="height: 30px">
          <td class="style1" style="font-size: 14px">停水时间</td>
          <td colspan="2" style="font-size: 14px">
            <textarea
              name="TextBox5"
              rows="2"
              cols="20"
              id="TextBox5"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">新装阀门型号及规格</td>
          <td style="border-right: 1px solid #000000; font-size: 14px">
            <textarea
              name="TextBox6"
              rows="2"
              cols="20"
              id="TextBox6"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
        <tr style="height: 30px">
          <td class="style1" style="font-size: 14px">工程地点</td>
          <td colspan="4" style="font-size: 14px">
            <textarea
              name="TextBox7"
              rows="2"
              cols="20"
              id="TextBox7"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
      </table>
      <table
        border="1"
        width="100%"
        id="table2"
        bordercolorlight="#000000"
        cellspacing="0"
        cellpadding="3"
        bordercolordark="#FFFFFF"
        style="text-align: center"
      >
        <tr style="height: 30px">
          <td style="width: 9%"></td>
          <td colspan="2" style="width: 11%; font-size: 14px">施工企业</td>
          <td colspan="6">
            <textarea
              name="TextBox8"
              rows="2"
              cols="20"
              id="TextBox8"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
        <tr>
          <td
            id="Title"
            rowspan="14"
            style="font-weight: bolder; font-size: 20px"
          >
            操<br />
            作<br />
            阀<br />
            门<br />
            列<br />
            表
          </td>
          <td style="width: 4%; font-weight: bolder; font-size: 14px">序号</td>
          <td style="font-weight: bolder; font-size: 14px">编号</td>
          <td style="width: 11%; font-weight: bolder; font-size: 14px">
            关键字
          </td>
          <td style="width: 6%; font-weight: bolder; font-size: 14px">内径</td>
          <td style="width: 35%; font-weight: bolder; font-size: 14px">地址</td>
          <td
            style="width: 7%; font-weight: bolder; font-size: 14px"
            nowrap="nowrap"
          >
            开/关
          </td>
          <td
            style="width: 11%; font-weight: bolder; font-size: 14px"
            nowrap="nowrap"
          >
            状况记录
          </td>
          <td style="font-weight: bolder; font-size: 14px">备注</td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px; font-size: 12px">1</td>
          <td align="center" style="height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            >
4755722</textarea
            >
          </td>
          <td align="center" style="height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            >
50</textarea
            >
          </td>
          <td align="center" style="width: 300px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            >
赏湖路南侧，向湖路西侧</textarea
            >
          </td>
          <td align="center" style="width: 40px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            >
开启</textarea
            >
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td align="center" style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
        <tr style="height: 26px">
          <td align="center" style="height: 25px"></td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 300px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td style="width: 40px; height: 25px; font-size: 12px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
          <td align="center" style="font-size: 12px" nowrap="nowrap">
            (失)(有)效
          </td>
          <td style="width: 20px; height: 25px">
            <textarea
              style="
                border: none;
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: hidden;
                font-size: 12px;
              "
            ></textarea>
          </td>
        </tr>
      </table>
      <table
        border="1"
        width="100%"
        id="tableDown"
        bordercolorlight="#000000"
        cellspacing="0"
        cellpadding="3"
        bordercolordark="#FFFFFF"
        style="text-align: center"
      >
        <tr style="height: 30px">
          <th rowspan="4" style="width: 9%">
            扩大方案<br />
            (如有)
          </th>
          <td style="font-size: 14px; width: 4%">1</td>
          <td style="font-size: 14px; width: 7%">
            <textarea
              name="TextBox9"
              rows="2"
              cols="20"
              id="TextBox9"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px; width: 11%">
            <textarea
              name="TextBox10"
              rows="2"
              cols="20"
              id="TextBox10"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px; width: 6%">
            <textarea
              name="TextBox29"
              rows="2"
              cols="20"
              id="TextBox29"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px; width: 35%">
            <textarea
              name="TextBox11"
              rows="2"
              cols="20"
              id="TextBox11"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px; width: 7%" nowrap="nowrap">
            <textarea
              name="TextBox12"
              rows="2"
              cols="20"
              id="TextBox12"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 12px; width: 11%" nowrap="nowrap">
            (失)(有)效
          </td>
          <td>
            <textarea
              name="TextBox13"
              rows="2"
              cols="20"
              id="TextBox13"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
        <tr style="height: 30px">
          <td style="font-size: 14px; width: 4%">2</td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox14"
              rows="2"
              cols="20"
              id="TextBox14"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox30"
              rows="2"
              cols="20"
              id="TextBox30"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox15"
              rows="2"
              cols="20"
              id="TextBox15"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox16"
              rows="2"
              cols="20"
              id="TextBox16"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px" nowrap="nowrap">
            <textarea
              name="TextBox17"
              rows="2"
              cols="20"
              id="TextBox17"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 12px" nowrap="nowrap">
            <label> (失)(有)效</label>
          </td>
          <td>
            <textarea
              name="TextBox18"
              rows="2"
              cols="20"
              id="TextBox18"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
        <tr style="height: 30px">
          <td style="font-size: 14px; width: 4%">3</td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox19"
              rows="2"
              cols="20"
              id="TextBox19"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox31"
              rows="2"
              cols="20"
              id="TextBox31"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox20"
              rows="2"
              cols="20"
              id="TextBox20"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox21"
              rows="2"
              cols="20"
              id="TextBox21"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px" nowrap="nowrap">
            <textarea
              name="TextBox22"
              rows="2"
              cols="20"
              id="TextBox22"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 12px" nowrap="nowrap">
            <label> (失)(有)效</label>
          </td>
          <td>
            <textarea
              name="TextBox23"
              rows="2"
              cols="20"
              id="TextBox23"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>
        <tr style="height: 30px">
          <td style="font-size: 14px; width: 4%">4</td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox24"
              rows="2"
              cols="20"
              id="TextBox24"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox32"
              rows="2"
              cols="20"
              id="TextBox32"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox25"
              rows="2"
              cols="20"
              id="TextBox25"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox27"
              rows="2"
              cols="20"
              id="TextBox27"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 14px" nowrap="nowrap">
            <textarea
              name="TextBox26"
              rows="2"
              cols="20"
              id="TextBox26"
              class="TextStyle"
            ></textarea>
          </td>
          <td style="font-size: 12px" nowrap="nowrap">
            <label> (失)(有)效</label>
          </td>
          <td style="font-size: 14px">
            <textarea
              name="TextBox28"
              rows="2"
              cols="20"
              id="TextBox28"
              class="TextStyle"
            ></textarea>
          </td>
        </tr>

        <tr style="margin-top: 30px; text-align: right">
          <td colspan="9">太湖度假区水司管网地理信息系统</td>
        </tr>
      </table>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    // dialogVisible: {
    //   type: Boolean,
    //   required: true,
    // },
  },
  data() {
    return {
      prj: {
        Name: "",
        number: "",
      },
    };
  },
  computed: {
    // isVavleInfoFormShow() {
    //   // 返回 prop 的值
    //   return this.dialogVisible;
    // },
  },
  methods: {
    // closeDialog() {
    //   // 通过修改 prop 来关闭弹窗
    //   this.$emit("update:dialogVisible", false);
    // },
  },
};
</script>
<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
.vavleInfoForm {
  /* width: 45vw; */
  color: #000;
    position: absolute;
    top: 50%;
    transform: translate(-20%, -4%);
    right: 50%;
    /* height: 460vh; */
    z-index: 999;
  .vavleInfoFormTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    font-size: 1rem;
    background-color: #285383;
    /* .title-left, */
    .title-right {
      width: 1vw;
      display: flex;
      align-items: center;
      border: solid 1px slategray;
      border-radius: 3px;
      background-color: white;
    }
    /* .bar {
            width: 5px; /* 小竖条的宽度 */
    /* height: 20px; 小竖条的高度 */
    /* background-color: white; 小竖条的颜色 */
    /* margin-right: 10px; 小竖条和文字之间的间距 */
  }
  .icon {
    width: 20px; /* 小方框的宽度 */
    height: 20px; /* 小方框的高度 */
    /* border: 1px solid #979797; 小方框的边框 */
    padding-left: 0.25vw; /*小方框之间的间距*/
  }
  .icon:hover {
    color: #285383;
  }
  .icon:focus {
    color: #4998f2;
  }
}
.equipInfoQueryContent {
  padding: 10px;
  display: flex;
  flex-direction: column;
  background-color: white;
  font-size: 0.8rem;
}
.dataForm {
  margin-top: 10px;
  border: 2px solid rgb(0, 0, 0);
}
.formcol {
  border-top: 2px solid #000000;
  width: 100px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.formItem {
  display: flex;
  height: 30px;
  margin: 0;
}
.itemIn {
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}
</style>
